var count1 = 0;

/*获取上面id为data的input标签的数据，此时为字符串，需要转为json对象*/
var jsonStr1 = $("#data1").val();
/*转为json对象*/
var jsonObj1 = $.parseJSON(jsonStr1);

//var index1 = new Array();
//var SerialData = new Array();   //数组，Highcharts需要的一页数据
/*将所有数据添加到数组中*/
//$.each(jsonObj,function (index,content) {
     //console.log("当前是第"+index+"个json对象：" + "id为："+content.id + "，voltage为："+content.voltage)

   // SerialData.push(content.voltage);
//})
//console.log(SerialData)

//将一个数组分为若干个数组
// var groupedArray = group(SerialData, 500);
//
// function group(array, subGroupLength) {
//     let index = 0;
//     let newArray = [];
//     while(index < array.length) {
//         newArray.push(array.slice(index, index += subGroupLength));
//     }
//     return newArray;
// }

Highcharts.setOptions({
    global: {
        useUTC: false
    }
});

var options1 = {
    chart: {
        type: 'spline',
        renderTo: 'main',
        // animation: Highcharts.svg,
        animation: false,
        backgroundColor:'#000000',
        marginRight: 20,
        zoomType: 'x',
        panning: true,
        panKey: 'shift',     /*平移键，默认是 “Shift”*/

        events: {
            load: function () {//load表示的是在图表加载完时触发
                var series = this.series[0],
                    chart = this;

                setInterval(function () {//setInterval是设置定时、延时,会不停的调用函数或者表达式

                    //var x = jsonObj[count].id;
                    var x = (new Date()).getTime(); // current time

                    // console.log("ms:"+x)
                    // // var y = parseFloat(mydata[count].voltage);
                    var y = jsonObj1[count1].voltage;
                    // //画图。。。。
                    // //第三个参数代表删除第一个点
                    series.addPoint([x, y], true, true, false);
                    //activeLastPointToolip(chart);
                    //计数
                    count1++;
                    if (count1 == 20000)
                        count1 = 0;
                    // console.log(count);
                }, 15);//每过3s调用一次接口
            }
        }
    },

    title: {
        text: '分离后的F波',
        style:{
            color: '#ffffff'
        },
        align: 'left'
    },

    xAxis: {
        type: 'datetime',
        tickPixelInterval: 10,//设置刻度间隔 。该参数对分类坐标轴无效。对于 Y 轴，其默认值是72，X 轴则是 100

        labels:{
            enabled:false
        },
        lineWidth: 0,  //去掉x轴线
        tickWidth: 0,   //去掉刻度
    },

    yAxis:{
        title:{
            text:''
        },
        labels:{
            enabled:false
        },
        gridLineWidth: 0,
        // tickInterval:200,
        max:0.05,
        min:-0.05
    },

    credits:{
        enabled:false
    },

    //数据点信息
    plotOptions: {
        spline: {
            lineWidth: 1,

            marker: {
                enabled: false
            },
        }
    },

    legend: {
        enabled: false
    },

    series: [{
        name: '',
        color:'#33ff33',
        // data: [].
        //传入数据
        data:(function () {
            // console.info("mydata=" + mydata);
            // generate an array of random data
            var data1 = [],
                // time = 0,
                time = (new Date()).getTime(),
                i;
            for (i = -499; i <= 0; i += 1) {//这里是限制图表中最多显示500个点
                data1.push({
                    // x: time,
                    x: time + i*15,
                    // x: -i,
                    y: 0.0021737595088779926
                });
            }

            return data1;
        }())
    }]
}


$(function () {

    // 图表初始化函数
    var chart1 = Highcharts.chart('container1', options1);

});

